<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">

  <title>LaTeX.js - LaTeX to HTML5 translator</title>

  <meta name="author" content="Michael Brade">
  <meta name="description" content="LaTeX.js is a LaTeX to HTML5 translator implemented in JavaScript">
  <meta name="keywords" content="LaTeX,translator,HTML5,js,JavaScript">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <link rel="canonical" href="http://latex.js.org/">
  <link rel="icon"      href="" type="image/x-icon">

  <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
  <!-- <link type="text/css" rel="stylesheet" href="css/bootstrap-theme.css" /> -->
  <link type="text/css" rel="stylesheet" href="css/font-awesome-4.7.0.min.css" />
  <!-- <link type="text/css" rel="stylesheet" href="css/prism.min.css" /> -->

  <link type="text/css" rel="stylesheet" href="css/logos.css" />
  <link type="text/css" rel="stylesheet" href="css/latexjs.css" />
</head>

<body>
  <div class="banner">
    <h1>
      <img src="img/latexjs.png" alt="LaTeX.js" width="80"/><span class="latex">L<span>a</span>T<span>e</span>X</span>.js
    </h1>
    <h3>A <span class="latex">L<span>a</span>T<span>e</span>X</span> to HTML5 translator written in JavaScript</h3>

    <br />

    <div>
      <a class="btn btn-brand" href="https://github.com/michael-brade/LaTeX.js"><i class="fa fa-github" aria-hidden="true"></i> Source on GitHub</a>
      &nbsp;
      <a class="btn btn-brand" href="http://latex.js.org/playground.html">Playground</a>
    </div>
  </div>

  <section>
    <h1>Features</h1>

    <div>
      <h3>100% JavaScript</h3>
      <p><span class="latex">L<span>a</span>T<span>e</span>X</span>.js is written in 100% JavaScript and runs in the browser.
        No external dependencies need to be loaded.</p>
    </div>
    <div>
      <h3>CLI</h3>
      <p>The <code>latex.js</code> binary allows to translate <span class="latex">L<span>a</span>T<span>e</span>X</span> files in the console.</p>
    </div>
    <div>
      <h3>Compatibility</h3>
      <p><span class="latex">L<span>a</span>T<span>e</span>X</span>.js produces almost the exact same output you would get with
        <span class="latex">L<span>a</span>T<span>e</span>X</span>&mdash;except where impossible: glue cannot be translated
        to HTML, and sometimes cannot even be interpreted in the context of HTML.</p>
    </div>
    <div>
      <h3>Extensibility</h3>
      <p>New macros can easily be added in JavaScript. Very often it is much easier to implement a piece of functionality
        in JavaScript and CSS than it is in <span class="latex">L<span>a</span>T<span>e</span>X</span>.</p>
    </div>
    <div>
      <h3>Speed</h3>
      <p><span class="latex">L<span>a</span>T<span>e</span>X</span>.js only needs one pass over the document instead of several. References
      can be filled in by remembering and later modifying the relevant part of the DOM tree.</p>
    </div>
  </section>


  <!--
  <script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
  <script type="text/javascript" src="js/prism.js"></script>
  <script type="text/javascript" src="js/bootstrap.min.js"></script>
  -->
</body>

</html>
